import './index.scss'
// import {useState} from "react";
import Icon from '../../Icon'

export default function Right() {
    return (<div className={'right-content flex'}>
        <div className={"item"}>
            <Icon type={'svg'} name={'vip'}></Icon>
            <p className={'text'}>大会员</p>
        </div>
        <div className={"item"}>
            <Icon type={'svg'} name={'message'}></Icon>
            <p className={'text'}>消息</p>
        </div>
        <div className={"item"}>
            <Icon hollow={true}  type={'svg'} name={'news'}></Icon>
            <p className={'text'}>动态</p>
        </div>

        <div className={"item"}>
            <Icon hollow={true}    type={'svg'} name={'collection'}></Icon>
            <p className={'text'}>收藏</p>
        </div>
        <div className={"item"}>
            <Icon      type={'svg'} name={'history'}></Icon>
            <p className={'text'}>历史</p>
        </div>
    </div>)
}
